<!DOCTYPE html>
<html>

<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->

    <title>考勤分组职员表</title>

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">

    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>

    </style>

</head>

<body class="white-bg" style="padding: 3px;font-size: 13px">
<div class="page-heade">
    <h2 class="title_color text-center">考勤分组职员表</h2>
</div>
<form action="" class="form-inline" id="form1">
    <table class="table table-bordered bud_hei">
        <tr>
            <td class="text-right">姓名：</td>
            <td>
                <input type="text" name="xm" value="{$xm}" class="form-control">
            </td>
            <td style="width: 120px" class="text-right">部门：</td>
            <td><input type="text" name="zbm" value="{$zbm}" class="form-control"></td>
            <td style="width: 120px" class="text-right">岗位：</td>
            <td><input type="text" name="gw" value="{$gw}" class="form-control"></td>
        </tr>
        <tr>
            <td colspan="6" class="text-center">
                <button class="btn-sm btn-info btn">查询</button>
                <span class="lr_5"></span>
                <button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button>
                <button class="btn btn-sm btn-info">导出Excel</button>
            </td>
        </tr>
    </table>
</form>
<table class="table table-striped table-bordered table-hover bud_hei text-center" style="width: 100%;">
    <tr class="info">
        <th class="text-center">No.</th>
        <th class="text-center">姓名</th>
        <th class="text-center">主部门</th>
        <th class="text-center">岗位</th>
        <th class="text-center">手机号码</th>
        <th class="text-center">邮箱</th>
        <th class="text-center">操作</th>
    </tr>
    <tbody>
    {volist name="data" id="row" key="k"}
    <tr>
        <td>{$k}</td>
        <td>{$row.xm_name}</td>
        <td>{$row.zbm}</td>
        <td>{$row.gw}</td>
        <td>{$row.sjhm}</td>
        <td>{$row.email}</td>
        <td><a href="javascript:;" data-id="{$row.id}">查看流程图</a></td>
    </tr>
    {/volist}
    </tbody>
</table>
<h5 class="text-center" style="font-size: 13px;font-weight: 500">
    <!--总共有12条记录，第1/2页,当前页<input id="page" type="text" style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span
        id="fistpage">首页</span>&nbsp;&nbsp;
    每页显示
    <select id="pagesize">
        <option value='10' selected>10条</option>
        <option value='15'>15条</option>
        <option value='20'>20条</option>

    </select>-->
    {$page}
</h5>


<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<script>
    $(function () {
        $('body').on('click', 'input[type=text]', function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    $(document).ready(function () {

        $('#reset').on('click', function () {
            $("#form1 input").each(function () {
                $(this).val('');
            });
            $("#form1 select").each(function () {
                $(this).val('');
            });
//            $('#form1').submit()
            return false
        })
    })

</script>
</body>

</html>